<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>ONGD Persona Solidaridad</title>
        <link href="recursos/paginaPrincipal.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript">
            function crearMensaje(xhr, status, args){
                if(args.faltaNombre){
                    faltaNombre.show();
                }else if(args.faltaContraseña){
                    faltaContraseña.show();
                }else if(args.datosIncorrectos){
                    datosIncorrectos.show();
                }else if(args.noExiste){
                    noUsuario.show();
                }else if(args.envioEmail){
                    enviadoCorreo.show();
                    dlg2.hide();
                }
            }
        </script>
    </h:head>
    <h:body onload="dialog.show()">
        <h:form>
            <div style="position: absolute; height: 98%; width: 98%">
                <table style="height: 100%; width: 100%; margin: 0px;">
                    <tr>
                        <td colspan="3" style="height: 150px;">
                            <div id="encabezado">
                                <img src="imagenes/banner.png" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <p:panel style=" width: 35%; height: 150px;background-color: gainsboro; border-color: #0A246A;">
                                <h:panelGrid columns="2" cellpadding="5">
                                    <h:outputLabel value="IdUsuario: *" styleClass="texto"/>
                                    <p:inputText value="#{sesionBean.nombreUsuario}" styleClass="textoI"/>

                                    <h:outputLabel value="Password: * " styleClass="texto"/>
                                    <p:password value="#{sesionBean.passwordUsuario}" id="password" feedback="false" minLength="2" styleClass="textoI"/>

                                    <f:facet name="footer">
                                        <p:commandButton value="Iniciar sesion" oncomplete="crearMensaje(xhr, status, args)"
                                                         actionListener="#{sesionBean.iniciarSesion}" styleClass="botonGrande"/>
                                        <p:commandLink value="¿Olvidaste la contraseña?" onclick="dlg2.show()" style="margin-left: 10px;" styleClass="texto"/>
                                    </f:facet>
                                </h:panelGrid>
                            </p:panel>
                        </td>
                    </tr>
                </table>
            </div>

            <p:dialog id="dialog2" header="Olvidaste la contraseña" widgetVar="dlg2" width="300" modal="true" resizable="false"
                      styleClass="dialogoGrande">
                <h:panelGrid columns="1" cellpadding="3">
                    <h:outputLabel value="IdUsuario: " styleClass="texto"/>
                    <p:inputText  value="#{sesionBean.idUsuario}" styleClass="textoI"/>

                    <p:commandButton value="Aceptar" action="#{sesionBean.enviarEmail}" oncomplete="crearMensaje(xhr, status, args)"
                                     styleClass="botonGrande"/>
                </h:panelGrid>
            </p:dialog>

            <!--Dialogo de confirmación que indica que falta el nombre de usuario-->
            <p:confirmDialog message="Introduzca el nombre de usuario" severity="info" widgetVar="faltaNombre" modal="true" styleClass="dialogoGrande"/>

            <!--Dialogo de confirmación que indica que falta la contraseña -->
            <p:confirmDialog message="Introduzca la contraseña" severity="info" widgetVar="faltaContraseña" modal="true" styleClass="dialogoGrande"/>

            <!--Dialogo de confirmación que indica que están mal introcucidos los datos -->
            <p:confirmDialog message="El nombre o la contraseña no son correctos" severity="info" widgetVar="datosIncorrectos" modal="true"
                             styleClass="dialogoGrande"/>
            <!--Dialogo de confirmación que indica que se ha mandado un correo al usuario con la contraseña -->
            <p:confirmDialog message="Correo enviado con sus datos de acceso" severity="info" widgetVar="enviadoCorreo" modal="true"
                             styleClass="dialogoGrande"/>

            <!--Dialogo de confirmación que indica que ese idUsuario no existe en la aplicacion -->
            <p:confirmDialog message="No es un usuario de la aplicación" severity="info" widgetVar="noUsuario" modal="true" styleClass="dialogoGrande"/>
        </h:form>
    </h:body>
</html>
